<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!doctype html>
<html>
  <head>
    <title>관리자 로그인 페이지</title>
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
	
	<script type="text/javascript">
		$(document).ready(function(){
			$.mobile.fixedToolbars
			  .setTouchToggleEnabled(false);
		});
	</script>
	<style type="text/css">
		input[type=text]{
			height:10px; width:200px
		}
		
	
		td{
			border:#999 solid 1px;
			border-radius: 10px;
		}
		
		#collapse{
			border-style: none;
			border-spacing:10px;
			border-width : 1px;
		}
		#dashed{
			border-style: dashed;
			border-spacing:10px;
			border-width : 1px;
			width: 400px;
			height: 95%;
			text-align:center;
		}
		#menu_main_table{
			width:90%;
			border-style:inset;
			border-width:5px;
			text-align:center;
			vertical-align: center;
		}
		#menu_main_table td{
			position:relative;
			width:50px;
		}
		.div_main_cell{
			position: relative;
			border: solid 1px;
			-moz-border-radius: 15px;
			border-radius : 15px;
			width:40px;
			height:40px;
			text-align:center;
		}
		.valign{
			height:80px;
			text-align:center;		
			vertical-align:center;
		}
		
		
	</style>
  </head>
  <body>
  	<section data-role="page" id="login" data-fullscreen="false">
		<header data-role="header" style="position:relative;height:35px;">
  			관리자 페이지
  			<a class="ui-btn-right jqm-home ui-btn ui-btn-icon-notext ui-btn-corner-all ui-shadow ui-btn-up-f" data-direction="reverse" data-iconpos="notext" data-icon="home" href="../index.html" title="Home" data-theme="f">
				<span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true">
					<span class="ui-btn-text">Home</span>
					<span class="ui-icon ui-icon-home ui-icon-shadow"></span>
				</span>
			</a>
  		</header>
  		<div class="contents" data-role="content" style="position:relative;">
  			<form name="login" method="post" action="<c:out value="${pageContext.request.contextPath }"/>/index.html">
		  			<div style=" background-color: #FFFFFF; height:100%; width:100%; margin-top :5px; position:relative;">
		  				<div id="dashed">
			  				<table  id="collapse">
			  					<colgroup>
			  						<col width="100px">
			  						<col width="300px">
			  					</colgroup>
			  					<tr>
			  						<td>아이디</td>
			  						<td>
			  							<input type="text" name="user_id">
			  						</td>
			  					</tr>
			  					<tr>
			  						<td>비밀번호</td>
			  						<td>
			  							<input type="text" name="user_pwd" style="">
			  						</td>
			  					</tr>
			  				</table>
				  				<input type="submit" name="login_button" value="로그인" data-inline="true" data-icon="check">
								<input type="reset" name="reset_button" value="취소" data-inline="true" data-icon="refresh">
						</div>
					</div>
  			</form>
  		</div>
  		
  		<footer data-role="footer" data-position="fixed">
			<h3>test footer</h3>
		</footer>
    </section>
    
		
    
  </body>
</html>